<!--
 * @Author: XiaoGuo185 2721391057@qq.com
 * @Date: 2022-07-22 15:13:55
 * @LastEditors: XiaoGuo185 2721391057@qq.com
 * @LastEditTime: 2022-07-26 10:09:19
 * @FilePath: \dw\src\components\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div >
    <HelloWorld/>
  </div>
</template>
<script>
import bjTable from "./Table/bjTable.vue";
import List from "./Table/table.vue";
import HelloWorld from "../components/HelloWorld.vue";
import eachart_demo from "./eachart_demo.vue";
export default {
  name: "index",
  components: {
    eachart_demo,
    HelloWorld,
    List,
    bjTable
  },

  data() {
    return {
      optiontwo: {
        title: {
          left: "center",
          textStyle: {
            color: "#6d6",
          },
        },
        tooltip: {},
        legend: {
          bottom: 0,
          orient: "horizontal",
          data: ["social", "direct", "referral"],
        },
        color: ["#00CED1", "#4169E1", "#3CB371"],
        dataset: {
          source: [
            ["social", "direct", "referral"],
            [15, 55, 35],
          ],
        },
        series: [
          {
            name: "",
            type: "pie",
            seriesLayoutBy: "row",
            encode: {
              itemName: 0, //数据项名称，在legend中展示
              value: 1,
            },
            label: {
              show: false,
              position: "center",
            },

            radius: ["65%", "80%"], //设置不同的内外半径
          },
        ],
      },
    };
  },
};
</script>
<style lang="css" scoped >
.content {
}

.main-box {
  height: 400px;
  width: 400px;
  background-image: url("../assets/picture/bj-1.png"),
    url("../assets/picture/bj-2.png"), url("../assets/picture/bj-4.png"),
    url("../assets/picture/bj-3.png");
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: top left, top right, bottom left, bottom right;
  z-index: 1;
  padding: 2px 4px 4px 2px;
}

.main {
  height: 100%;
  width: 100%;
  border: 1px solid #1723b0;
}

body {
  margin: 0;
  padding: 0;
  border: 0;
}
</style>